.login-container{
    /* 宽度100%,高度100% */
    height: 100%;
    width: 100%;
    /* 设置成弹性布局 */
    display: flex;
    /* 水平垂直居中 */
    justify-content: center;
    align-items: center;   
}
.login-container .login-dialog{
    /* 设置背景色 */
    background: rgb(255, 255, 255,0.8);
    /* 设置大小 */
    height: 350px;
    width: 450px;
    /* 设置圆弧框 */
    border-radius: 15px;
}
.login-dialog .log{
    /* 设置字体大小 */
    font-size: 33px;
    /* 字体粗细 */
    font-weight: 900;
    /* 字体居中 */
    text-align: center;
    /* 布局 */
    margin: 40px 0;
}
.login-dialog .row{
    /* 弹性布局 */
    display: flex;
    /* 每一行的大小 */
    height: 50px;
    width: 100%;
    /* 水平垂直居中 */
    justify-content: space-around;
    align-items: center;
}
.login-dialog .row span{
    /* 字体布局 */
    margin-left: 20px;
    /* 字体大小和粗细 */
    font-size: 18px;
    font-weight: 900;

}
.row #userId{
    /* 字体格式 */
    width: 250px;
    height: 35px;
    font-size: 20px;
    text-indent: 10px;
    border-radius: 15px;
} 

.row #password{
    
    width: 250px;
    height: 35px;
    font-size: 20px;
    text-indent: 10px;
    border-radius: 15px;

}
.row #submit{
    /* 登陆格式 */
    border-radius: 15px;
    height: 50px;
    width: 400px;
    color: rgb(255, 255, 255);
    background: green;
    /* 距离上面20px */
    margin-top: 20px;
    /* 去掉按钮默认的边框 */
    border: none;
 
    transition: all 1s;


}
#submit:hover{
    background: orange;
    color: black;
}
